<template>
  <div class="copyright">
    <div class="footer">
      <span class="col-md-1 el-col-md-offset-3 ft_sp1">联系我们</span>
      <span class="col-md-1 el-col-md-offset-0 ft_sp1">关于我们</span>
      <span class="col-md-1 el-col-md-offset-0 ft_sp1">咨询</span>

      <span class="col-md-2 el-col-md-offset-9 ft_sp2">2022, Designed by </span>
      <span class="el-col-md-offset-0 zq">ZQ</span>
    </div>
  </div>
</template>

<script>
export default {
  name: "copyright"
}
</script>

<style scoped>
.footer {
  /*margin-top: 670px;*/
  height: 60px;
  padding: 0;
}
.ft_sp1 {
  /*background-color: #354488;*/
  display: inline-block;
  height: 60px;
  width: 80px;
  line-height: 60px;
  font-size: 14px;
  color: white;
  text-align: center;
  /*overflow: hidden;*/
}
.ft_sp2 {
  display: inline-block;
  width: 160px;
  height: 60px;
  /*margin-left: 600px;*/
  line-height: 60px;
  /*background-color: lightblue;*/
  text-align: right;
  color: white;
  background-image: url("../assets/copyright.png");
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: 10px 23px;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
}
.zq {
  font-size: 14px;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  margin-left: 10px;
  color: #0751E1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
}
</style>